<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>联系我们</title>
		<link rel="stylesheet" type="text/css" href="../css/pages.css"/>
		<link rel="stylesheet" type="text/css" href="../css/bmap_reset.css"/>
		<link rel="shortcut icon" id="favicon" href="../favicon.ico">
	</head>
	<body>
		<!--top部分-->
		<div class="top">
			<div class="tel flLeft">
				<img src="../img/tel.png" alt="" class="flLeft"/>
				<p class="flLeft">400-383-0600</p>
			</div>
			<div class="email flLeft">
				<img src="../img/email.png" class="flLeft"/>
				<p class="flLeft">typay@typay.me</p>
			</div>
			<div class="login">
				<a href="#" style="margin-left: 56px;">用户登录</a> |
				<a href="#">合作商登录</a>
			</div>
		</div>
		<!--头部部分-->
		<div class="header clearfix">
			<a href="#" class="flLeft logo" >
				<img src="../img/logo.png" alt="" />
			</a>
		<!--nav导航部分-->
			<div class="nav flLeft">
				<ul >
					<li>
						<a href="../index.html" >首页</a>|
					</li>
					<li>
						<a href="./join.html">合作加盟</a>|
					</li>
					<li>
						<a href="#" class="on">关于我们</a>|
					</li>
					<li>
						<a href="./news.html">新闻资讯</a>|
					</li>
					<li>
						<a href="./download.html">应用下载</a>
					</li>
				</ul>
			</div>
		</div>
		<!--内容部分-->
		<div class="container">
			<div class="contact-banner">
				<img src="../img/contcat/contact_03.png" alt="" />
			</div>
			<div class="contactnav">
				<img src="../img/contcat/youniao.png"/>
			</div>
			<div class="lianxilist">
				<div class="lianxilistbox" style="background: #ffd5e3;">
					<img src="../img/contcat/dizhi.png" alt="" />
					<p class="title">产品运营中心</p>
					<p>地址：渝北区新溉大道18号</p>
					<p>国宾城12幢19楼06-07室</p>
					<p style="margin-top: 10px;">邮编：401120</p>
				</div>
				<div class="lianxilistbox" style="background: #d5e0ff;">
					<img src="../img/contcat/dianhua.png" alt="" />
					<p class="title">商务咨询</p>
					<p>服务热线：400-838-0600</p>
					<p>服务时间：早9:30-晚18:30</p>
				</div>
				<div class="lianxilistbox" style="background: #d7ffd5;">
					<img src="../img/contcat/hexzuo.png" alt="" />
					<p class="title">合作洽谈</p>
					<p>联系电话：023-81314850</p>
					<p style="margin-top: 10px;">邮箱咨询：</p>
					<p>tusheng@typay.me</p>
				</div>
				<div class="lianxilistbox" style="background: #d5e0ff;">
					<img src="../img/contcat/1501575098.png" alt="" />
					<p class="title" style="margin-top: 10px;">应用下载</p>
					<p >扫码（IOS、安卓）</p>
					<p>下载优鸟钱包APP</p>
			</div>
		</div>
		<!--如何到达-->
		<div class="contactnav">
			<img src="../img/contcat/ow-to-get.png"/>
		</div>
		<div class="toget">
			<div class="togetbox">
				<div class="boxheader">
					<img src="../img/contcat/gongjiaoche.png" alt="" class="flLeft"/>
					<p class="flLeft" style="color: #656bba;">公交车</p>
				</div>
				<div class="boxcont">
					<p>站台：轨道嘉州恒大中 渝广场站</p>
					<p style="margin-top: 5px;">线路：125路、126路、149路、151路、465路、603路、606路、610路、619路、627路、825路、842路、848路、877路。</p>
				</div>
			</div>
			<div class="togetbox">
				<div class="boxheader">
					<img src="../img/contcat/chuzuche.png" alt="" class="flLeft"/>
					<p class="flLeft"style="color: #f3ba0a;">自驾/自驾</p>
				</div>
				<div class="boxcont">
					<p>地点：国宾城写字楼</p>
					<p style="margin-top: 5px;">具体地址：渝北区新溉大道18号国宾城12幢19楼06-07室</p>
				</div>
			</div>
			<div class="togetbox">
				<div class="boxheader">
					<img src="../img/contcat/ditie.png" alt="" class="flLeft"/>
					<p class="flLeft" style="color: #d81e06;">地铁</p>
				</div>
				<div class="boxcont">
					<p>站台：嘉州路（3号线）</p>
				</div>
			</div>
		</div>
		<div class="map" id="allmap">
				
		</div>
		<div style="height: 50px;"></div>
		</div>
		<!--底部footer部分-->
		<div class="footer">
			<div class="footer-cont">
				<div class="textbox flLeft">
					<h1>关于我们</h1>
					<p>公司简介</p>
					<p>新闻中心</p>
				</div>
				<div class="textbox flLeft">
					<h1>公司业务</h1>
					<p>微信支付</p>
					<p>pos机收单</p>
					<p>支付宝支付</p>
					<p>随行付+中汇支付</p>
				</div>
				<div class="textbox flLeft">
					<h1>合作伙伴</h1>
					<p>支付宝</p>
					<p>随行付</p>
					<p>微信支付</p>
					<p>中信银行</p>
				</div>
				<div class="textbox flLeft">
					<h1>联系我们</h1>
					<p><img src="../img/dianhua .png" alt="" />中国重庆</p>
					<p><img src="../img/youxiang.png" alt="" />typay@typay.me</p>
					<p><img src="../img/diqiu.png" alt="" />www.typay.me</p>
					<p><img src="../img/dingwei.png" alt="" />400-838-0600</p>
				</div>
			</div>
			<!--底部备案信息-->
			<div class="footer-buttom">
				
			</div>
		</div>
	</body>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=wDYEcxgRRheZwyC9jpN1Tt7fzr2zjosZ"></script>
	<script type="text/javascript">
		// 百度地图API功能
	var map = new BMap.Map("allmap");
	var point = new BMap.Point(106.532367,29.603229);
	var marker = new BMap.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
	map.enableScrollWheelZoom();
	map.centerAndZoom(point, 15);
	var opts = {
	  width : 200,     // 信息窗口宽度
	  height: 100,     // 信息窗口高度
	  title : "重庆通亿付科技股份有限公司" , // 信息窗口标题
	  enableMessage:true,//设置允许信息窗发送短息
	  message:""
	}
	var infoWindow = new BMap.InfoWindow("<p style='margin-top:10px'>地址：新牌坊新溉路8号(科技大厦旁)</p><p >电话：023-67524777</p>", opts);  // 创建信息窗口对象 
	map.openInfoWindow(infoWindow,point); //开启信息窗口
	marker.addEventListener("click", function(){
		map.openInfoWindow(infoWindow,point); //开启信息窗口
	});
	</script>
</html>
